<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
.box{border: 1px solid red;
width: 300px;height: 300px;padding: 10px;


margin:0 auto ;}
a{display: block;width: 100px;
height: 100px;background-color: green;
text-decoration: none;line-height: 100px;color: white;
text-align: center;}
a:nth-of-type(2){position: relative;

                   left:200px ;
                   bottom:100px ;}
 a:nth-of-type(4){position: relative;

                  bottom: 100px;
                  left:200px
                 }
a:nth-of-type(5){position: relative;

                  bottom: 300px;
                  left:100px;
                  background-color: yellow;
                 }               
		
			
		</style>
	</head>
	<body>
	
		<div class="box">
			<a href="#">链接1</a>
			<a href="#">链接2</a>
			<a href="#">链接3</a>
			<a href="#">链接4</a>
			<a href="#">链接5</a>
		</div>
	</body>
</html>